// 该状态模块为首页的数据处理

// 导入创建切片的方法
import { createSlice } from "@reduxjs/toolkit";

const homeSlice = createSlice({
    name: 'home', // 定义状态模块的名称
    initialState: {
        // 理解为 vuex 中的 state ，用来放全局状态的地方
        bannerList:[],
        proList: []
    },
    reducers: {
        // 理解为 vuex 中的 mutations
        // 定义修改全局状态的方法
        changeBannerList(state, action){
            // 将传递的 action.payload 设置在 bannerList 上
            state.bannerList = action.payload
        },
        changeProList(state, action){
            state.proList = action.payload
        }
    }
})

// 导出修改方法
// 当组件获取到数据后，可以通过 dispatch 触发此处导出的函数
export const { changeBannerList,changeProList } = homeSlice.actions


// 导出 reducer
export default homeSlice.reducer